<template>
  <div class="resizable-parent-node">
    <NodeResizer 
      :min-width="200" 
      :min-height="200" 
      :style="{ width: '100%', height: '100%' }"
    />
    <div class="node-content">
      <slot></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
import { NodeResizer } from '@vue-flow/node-resizer'
import { useNodeHooks } from '@vue-flow/core'

// 使用节点钩子来获取节点信息
const { node } = useNodeHooks()
</script>

<style scoped>
.resizable-parent-node {
  width: 100%;
  height: 100%;
  position: relative;
}

.node-content {
  padding: 20px;
  width: 100%;
  height: 100%;
}
</style>